@media (max-width: 480px) {
    .nav-menu{
        display: none;
    }
    .nav-menu li a{
        display: none;
    }
    .slide{
        justify-content: center;
    }
    .dot-filde{
        z-index: 3;
        left: 5%;
        translate: 0 -20%;
    }
    .content{
        left: 0;
        translate: 0 -120%;
        width: 100%;
    }
    .models{
        width: 100%;
        align-self: center;
        translate: 0% 100%;
    }
    .slide:nth-last-child(2) .models{
        width: 110%;
    }
    .actve-2{
        translate: 0% 20%;
    }
    .prgraph{
        left: unset;
        translate: 0% 300%;
        font-size: 8vw;
        border-left: none;
        border-bottom: 5px solid black;
        text-align: center;
    }
    .actve-4{
        translate: 0% 200%;
    }
    /* شي على جنب : المنيو الثاني  */
    .b-menu{
        display: flex;
        translate: 0 -100%;
    }
    .menu-filde{
        display: flex;
    }
    .nav-plus{
        display: flex;
    }
    /* قسم مين احنا */
    .half img{
        transform: scale(1.9);
    }
    .top p,.span{
        font-size: 20vw;
        translate: 0 2.5%;
    }
    .top .span{
        font-size: 15vw;
    }
    .paper-filde{
        width: 250%;
    }
    .bottom p:nth-child(1){
        font-size: 6vw;
    }
    .p-social{
        font-size: 5vw;
        translate: 0 25%;
    }
    .social-contact{
        translate: 0 25%;
        gap: 50PX;
    }
    .social-contact a{
        transform: scale(1.1);
    }
    /* قسم المنتجات  */
    .text-filde:nth-child(1) h1{
        font-size: 17vw;
    }
    .text-filde:nth-child(1) h1 p{
        font-size: 2.4vw;
        translate: 80% 200%;
    }
    .product-filde , .pro{
        width: 70%;
    }
    .product{
        width: 180%;
    }
    .product:nth-child(1){
        width: 170%;
    }
    .product:nth-child(2){
        width: 165%;
        rotate: 10deg;
    }
    .p-p{
        font-size: 8vw;
    }
    /* قسم الاراء */
    .comment-section h1{
        font-size: 20vw;
        translate: 0 50%;
    }
    .comment-section h1 span{
        font-size: 11vw;
    }
    .img-reviwe{
        width: 90%;
        height: 50%;
    }
    .img-reviwe:nth-child(2){
        filter: blur(1px);
    }
    .img-reviwe:nth-child(3){
        filter: blur(1px);
    }
    /* from here */
    .comments-filde{
        height: 50%;
        flex-direction: column;
        translate: 0 -10%;
    }
    .comment{
        width: 60%;
        margin: 0 5%;
        translate: 0 0;
        bottom: 0;
        position: static;
    }
    .comment:nth-child(1){
        align-self: flex-start;
        rotate: 0deg;
    }
    .comment:nth-child(3){
        align-self: flex-end;
        rotate: 0deg;
    }
    .profile-pic{
        width: 40px;
        height: 40px;
    }
    .comment h6{
        font-size: 2vw;
        translate: -25% 400%;
    }
    .comment p{
        font-size: 13px;
    }
    /* القسم السفلي */
    .brands{
        width: 200%;
    }
    .brands:nth-child(2){
        left: 150%;
    }
    .img-move img{ 
        width: 90%;
    }
    .part h1 {
        font-size: 5vw;
    }
    .street-part , .help-part{
        transform: scale(1.1);
        width: 50%;
        height: 50%;
    }
    .street-part ul , .help-part ul{
        translate: 0 30%;
        transform: scale(1.1);
        translate: 0 30%;
        gap: 3px;
    }
    .email-part{
        width: 100%;
        height: 20%;
        justify-content: flex-start;
        padding-top: 2.2%;
    }
    .email-part input{
        display: none;
    }
    .email-part button{
        display: none;
    }
    .email-part button svg{
        display: none;
    }
    .email-part label{
        display: none;
    }
    .email-part hr{
        display: none;
    }
    .email-part p{
        display: none;
    }
    .email-part p a{
        display: none;
    }
    .email-part a{
        font-size: 5vw;
        display: block;
        text-decoration: none;
        color: black;
        background-color: white;
        padding: 5px 10px;
        border-radius: 6px;
    }
    .email-part a:hover{
        padding: 5px 14px;
        letter-spacing: 3px;
    }
    /* قسم المميزات */
    .offer-section h1{
        font-size: 15vw;
    }
    .offer-section h1 span{
        font-size: 25vw;
    }
    .curcle-offers{
        width: 75%;
        height: 65%;
        align-self: flex-end;
        translate: 0 -10%;
        border-radius: 0 0 30px 30px;
    }
    .curcle-offers img {
        width: 70%;
        align-self: flex-start;
        translate: 0 -72%;
    }
    .spicals-filde{
        height: 70%;
        width: 90%;
        gap: 25%;
        translate: 15% -10%;
    }
    .spicals-filde:nth-last-child(1){
        translate: -15% 10%;
    }
    .offers{
        border-radius: 30px 30px;
    }
    .s1 .offers:nth-child(1) , .s1 .offers:nth-child(2){
        width: 100%;
    }
    .s2 .offers:nth-child(1) , .s2 .offers:nth-child(2){
        width: 100%;
        translate: 0 0;
    }
    .spicals-filde:nth-last-child(1) .offers{
        border-radius: 30px 30px;
    }
    .offers p{
        font-size: 3.5vw;
        translate: -10% 0;
    }
    .offers p span{
        font-size: 4vw;
    }
    .s2 .offers p {
        translate: 10% 0;
    }
    .offers img{
        width: 30%;
        translate: 0 0;
    }
    .s1 .offers:nth-child(1)  img{
        right: 0;
        translate: 30% -25%;
    }
    .s1 .offers:nth-child(2)  img{
        width: 35%;
        right: 0;
        translate: 30% -35%;
    }
    .s1 .offers:nth-child(3)  img{
        width: 18%;
        right: 0;
        translate: 20% -30%;
    }
    .s2 .offers:nth-child(1)  img{
        width: 27%;
        left: 0;
        translate: -20% -30%;
    }
    .s2 .offers:nth-child(2)  img{
        width: 25%;
        left: 0;
        translate: -20% -35%;
    }
    .s2 .offers:nth-child(3)  img{
        width: 30%;
        left: 0;
        translate: -20% -40%;
    }
    .blank{
        display: none;
    }
}
@media (min-width: 480px) and (max-width: 904px){
    .nav-menu{
        display: none;
    }
    .nav-menu li a{
        display: none;
    }
    .slide{
        justify-content: center;
    }
    .dot-filde{
        z-index: 3;
        left: 5%;
        translate: 0 0%;
    }
    .content{
        translate: -80% -80%;
        width: 75%;
    }
    .actve-3{
        translate: -20% -80%;
    }
    .models{
        width: 55%;
        align-self: center;
        translate: 50% 100%;
    }
    .slide:nth-last-child(2) .models{
        width: 65%;
    }
    .actve-2{
        translate: 50% 20%;
    }
    .prgraph{
        left: unset;
        translate: -100% 180%;
        font-size: 5vw;
        border-left: 5px solid black;
    }
    .actve-4{
        translate: -35% 180%;
    }
    /* شي على جنب : المنيو الثاني  */
    .b-menu{
        display: flex;
        translate: 0 -0%;
    }
    .menu-filde{
        display: flex;
    }
    .nav-plus{
        display: flex;
    }
    /* قسم مين احنا  */
    .top p,.span{
        font-size: 15vw;
        translate: 0 2.5%;
    }
    .top .span{
        font-size: 10vw;
    }
    .bottom p:nth-child(1){
        font-size: 4.5vw;
    }
    .p-social{
        font-size: 3vw;
        translate: 0 25%;
    }
    .social-contact{
        translate: 0 25%;
        gap: 50PX;
    }
    .social-contact a{
        transform: scale(1.5);
    }
    /* قسم المميزات  */
    .offer-section h1{
        font-size: 10vw;
    }
    .offer-section h1 span{
        font-size: 15vw;
    }
    .curcle-offers{
        width: 60%;
        height: 65%;
        align-self: flex-end;
        translate: 0 -10%;
        border-radius: 0 0 30px 30px;
    }
    .curcle-offers img {
        width: 60%;
        align-self: flex-start;
        translate: 0 -72%;
    }
    .spicals-filde{
        height: 75%;
        width: 100%;
        gap: 25%;
        translate: 15% -10%;
    }
    .spicals-filde:nth-last-child(1){
        translate: -15% 10%;
    }
    .offers{
        width: 100%;
        border-radius: 30px 30px;
    }
    .s1 .offers:nth-child(1) , .s1 .offers:nth-child(2){
        width: 100%;
    }
    .s2 .offers:nth-child(1) , .s2 .offers:nth-child(2){
        width: 100%;
        translate: 0 0;
    }
    .spicals-filde:nth-last-child(1) .offers{
        border-radius: 30px 30px;
    }
    .offers p{
        font-size: 2.6vw;
        translate: -10% 0;
    }
    .offers p span{
        font-size: 4vw;
    }
    .s2 .offers p {
        translate: 10% 0;
    }
    .offers img{
        width: 30%;
        translate: 0 0;
    }
    .s1 .offers:nth-child(1)  img{
        right: 0;
        translate: 30% -25%;
    }
    .s1 .offers:nth-child(2)  img{
        width: 35%;
        right: 0;
        translate: 30% -35%;
    }
    .s1 .offers:nth-child(3)  img{
        width: 18%;
        right: 0;
        translate: 20% -30%;
    }
    .s2 .offers:nth-child(1)  img{
        width: 27%;
        left: 0;
        translate: -20% -30%;
    }
    .s2 .offers:nth-child(2)  img{
        width: 25%;
        left: 0;
        translate: -20% -35%;
    }
    .s2 .offers:nth-child(3)  img{
        width: 30%;
        left: 0;
        translate: -20% -40%;
    }
    /* قسسم المنتجات  */
    .text-filde:nth-child(1) h1{
        font-size: 15vw;
    }
    .text-filde:nth-child(1) h1 p{
        font-size: 2.2vw;
        translate: 85% 250%;
    }
    .product-filde , .pro{
        width: 70%;
    }
    .product{
        width: 150%;
    }
    .product:nth-child(1){
        width: 140%;
    }
    .product:nth-child(2){
        width: 135%;
        rotate: 10deg;
    }
    .p-p{
        font-size: 7vw;
    }
    /* قسم الاراء */
    .comment-section h1{
        font-size: 15vw;
        translate: 0 50%;
    }
    .comment-section h1 span{
        font-size: 8vw;
    }
    .img-reviwe{
        width: 70%;
        height: 50%;
    }
    .img-reviwe:nth-child(2){
        filter: blur(1px);
    }
    .img-reviwe:nth-child(3){
        filter: blur(1px);
    }
    /* from here */
    .comments-filde{
        height: 50%;
        flex-direction: column;
        translate: 0 -10%;
    }
    .comment{
        width: 50%;
        margin: 0 5%;
        translate: 0 0;
        bottom: 0;
        position: static;
    }
    .comment:nth-child(1){
        align-self: flex-start;
        rotate: 0deg;
    }
    .comment:nth-child(3){
        align-self: flex-end;
        rotate: 0deg;
    }
    .profile-pic{
        width: 60px;
        height: 60px;
    }
    .comment h6{
        font-size: 2vw;
        translate: 10% 200%;
    }
    .comment p{
        font-size: 22px;
    }
    /* القسم السفلي */
    .brands{
        width: 200%;
    }
    .brands:nth-child(2){
        left: 150%;
    }
    .img-move img{ 
        width: 70%;
    }
    .part h1 {
        font-size: 4vw;
    }
    .street-part , .help-part{
        transform: scale(1.1);
        width: 50%;
        height: 50%;
    }
    .street-part ul , .help-part ul{
        translate: 0 50%;
        transform: scale(1.5);
        gap: 3px;
    }
    .email-part{
        width: 100%;
        height: 20%;
        justify-content: flex-start;
        padding-top: 2.2%;
    }
    .email-part input{
        display: none;
    }
    .email-part button{
        display: none;
    }
    .email-part button svg{
        display: none;
    }
    .email-part label{
        display: none;
    }
    .email-part hr{
        display: none;
    }
    .email-part p{
        display: none;
    }
    .email-part p a{
        display: none;
    }
    .email-part a{
        font-size: 4vw;
        display: block;
        text-decoration: none;
        color: black;
        background-color: white;
        padding: 5px 10px;
        border-radius: 6px;
    }
    .email-part a:hover{
        padding: 5px 14px;
        letter-spacing: 3px;
    }
}